<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我是{$data.name}，我正在为翼支付代言，推荐你也来</title>
    <script src="__HUI__lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="__MUI__js/mui.min.js"></script>
    <link href="__HCSS__style.css" rel="stylesheet" />
    <link href="__MUI__css/mui.min.css" rel="stylesheet" />

    <script type="text/javascript" charset="utf-8">
        mui.init({
            gestureConfig: {
                longtap: true
            },
            swipeBack: true //启用右滑关闭功能
        });
        $(function() {
            $('#action').bind('click', function() {
                mui.openWindow({
                    url: "{:U('index')}",
                    id: "make",
                    show: {
                        aniShow: 'zoom-fade-out',
                        duration: 300
                    }
                });
            });
            $('.info').bind('click',function(){
                mui.openWindow({
                    url: "{:U('info')}",
                    id: "info",
                    show: {
                        aniShow: 'zoom-fade-out',
                        duration: 300
                    }
                });
            });
            $('.photo').bind('click', function () {
                $('.bottom').toggle();
            });
            $('.mask').bind('click', function () {
                $('.mask').css('display','none');
                $('.sharebox').css('display','none');
            });
            $('#share').bind('click', function () {
                $('.mask').css('display','block');
                $('.sharebox').css('display','block');
            });
        });
    </script>
</head>

<body>
<!--<header class="mui-bar mui-bar-nav">-->
<!--<a class="mui-icon mui-icon-bars mui-pull-left mui-plus-visible"></a>-->
<!--<a class="mui-icon mui-icon-info-filled mui-pull-right info" style="color: #999;"></a>-->
<!--<h1 class="mui-title">我为翼支付代言</h1>-->
<!--</header>-->
<div class="mui-content">
    <div class="mui-content-padded mui-text-center">
        <img src="__UPS__{$data['w_cover']}" class="photo"/>
    </div>
</div>
<div class="bottom">
    <button id="action" type="button" class="mui-btn mui-btn-warning">我也要制作</button>
    <button id="share" type="button" class="mui-btn mui-btn-warning">分享给朋友</button>
</div>
<div class="sharebox">
    <img src="__HIMG__share.png">
</div>
<div class="mask"></div>
</body>

</html>